$(document).ready(function(){
   // cache the window object
   $window = $(window);
 
   $('section[data-type="background"]').each(function(){
     // declare the variable to affect the defined data-type
     var $scroll = $(this);
     var $backgroundDiv1 = $(this).find('.image-placer-1');
     var $backgroundDiv2 = $(this).find('.image-placer-2');
     // var $backgroundDivPort = $(this).find('#port-tab');
                     
      $(window).scroll(function() {
        // HTML5 proves useful for helping with creating JS functions!
        // also, negative value because we're scrolling upwards                            
        var yPos1 = -($window.scrollTop() / $scroll.data('speed'));
        var yPos2 = -($window.scrollTop() / $scroll.data('speed'));
        // var yPosPort = -($window.scrollTop() / $scroll.data('speed'));
         
        // background position
        var coords1 = '50% '+ yPos1 + 'px';
        var coords2 = '50% '+ yPos2 + 'px';
        var coordsPort = '50% '+ yPos2 + 'px';
 
        // move the background
        $backgroundDiv1.css({ backgroundPosition: coords1 });   
        $backgroundDiv2.css({ backgroundPosition: coords2 });   
        // $backgroundDivPort.css({ backgroundPosition: coordsPort });   
      }); // end window scroll
   });  // end section function
}); // close out script

/* Create HTML5 element for IE */
document.createElement("section");